import { App } from "vue";
import 'element-plus/theme-chalk/index.css'

import {
    ElContainer,
    ElMain,
    ElAside,
    ElMenu,
    ElMenuItem,
    ElRow,
    ElCol,
    ElForm,
    ElFormItem,
    ElDatePicker,
    // ElDialog,
    ElTable,
    ElTableColumn,
    ElTableV2,
    ElPagination,
    ElInput,
    ElBreadcrumb,
    ElBreadcrumbItem,
    ElInputNumber,
    ElRadio,
    ElRadioGroup,
    ElCheckbox,
    ElCheckboxGroup,
    ElTag,
    ElEmpty,
    ElDrawer,
    ElPopover,
    ElTooltip,
    ElColorPicker,
    ElTreeSelect,
    ElSelect,
    ElLoading,
    ElCascader,
    ElSlider,
    ElMessage,
    ElMessageBox,
    ElUpload,
    ElSwitch,
    ElImage,
    ElIcon,
    ElCollapse,
    ElCollapseItem,
    ElDropdown,
    ElTabs,
    ElTabPane
} from 'element-plus'

const els = [
    ElContainer,
    ElMain,
    ElAside,
    ElMenu,
    ElMenuItem,
    ElRow,
    ElCol,
    ElForm,
    ElFormItem,
    ElDatePicker,
    // ElDialog,
    ElTable,
    ElTableColumn,
    ElTableV2,
    ElPagination,
    ElInput,
    ElBreadcrumb,
    ElBreadcrumbItem,
    ElInputNumber,
    ElRadio,
    ElRadioGroup,
    ElCheckbox,
    ElCheckboxGroup,
    ElTag,
    ElEmpty,
    ElDrawer,
    ElPopover,
    ElTooltip,
    ElColorPicker,
    ElTreeSelect,
    ElSelect,
    ElLoading,
    ElCascader,
    ElSlider,
    ElMessage,
    ElMessageBox,
    ElUpload,
    ElSwitch,
    ElImage,
    ElIcon,
    ElCollapse,
    ElCollapseItem,
    ElDropdown,
    ElTabs,
    ElTabPane
]


export default function useElementPlus(app: App<Element>) {
    els.forEach(el => {
        app.use(el)
    })
}